<ul class="nav nav-modules" data-typo3-role="typo3-module-menu" id="typo3-menu">
	<f:for each="{modules}" as="mainModule">
		<li class="typo3-module-menu-group expanded" id="{mainModule.name}" data-modulename="{mainModule.name}" data-navigationcomponentid="{mainModule.navigationComponentId}" data-navigationframescript="{mainModule.navigationFrameScript}" data-navigationframescriptparameters="{mainModule.navigationFrameScriptParameters}">
			<div class="typo3-module-menu-group-header">
				<span class="typo3-app-icon typo3-module-menu-group-icon">
					<span>
						<f:if condition="{mainModule.icon}">
							<f:then>
								<f:format.raw>{mainModule.icon}</f:format.raw>
							</f:then>
							<f:else>
								<span><i class="fa fa-bars"></i></span>
							</f:else>
						</f:if>
					</span>
				</span>
				<span class="typo3-module-menu-group-title">
					{mainModule.title} <span class="caret"></span>
				</span>
			</div>
			<ul class="typo3-module-menu-group-container">
				<f:for each="{mainModule.children}" as="subModule">
					<li id="{subModule.name}" class="typo3-module-menu-item t3js-mainmodule" data-modulename="{mainModule.name}" data-navigationcomponentid="{subModule.navigationComponentId}" data-navigationframescript="{subModule.navigationFrameScript}" data-navigationframescriptparameters="{subModule.navigationFrameScriptParameters}">
						<a title="{subModule.description}" href="{subModule.link}" class="typo3-module-menu-item-link">
							<span class="typo3-app-icon typo3-module-menu-item-icon">
								<span>
									<span>
										<f:format.raw>{subModule.icon}</f:format.raw>
									</span>
								</span>
							</span>
							<span class="typo3-module-menu-item-title">
								{subModule.title}
							</span>
						</a>
					</li>
				</f:for>
			</ul>
		</li>
	</f:for>
</ul>
